<template>
  <n-space justify="space-between" style="display: flex;align-items: center">


    <div style="display: flex;align-items: center;right: 0px;height: 100%">

      <ChangeThemeButton :click-btn="changeTheme" ></ChangeThemeButton>

    </div>
  </n-space>
</template>
<script setup lang="ts">
import {NButtonGroup,NSpace,NSwitch} from "naive-ui"
import ChangeThemeButton from "@/components/changeThemeButton/index.vue"

import {computed, ref, watch} from "vue";

const props= defineProps<{
  changeTheme?: (isDark:boolean) => void
}>()


const changeTheme = (isDark:boolean) => {
  if(typeof props?.changeTheme === 'function'){
    props?.changeTheme(isDark)
  }
}
</script>
<style scoped>

</style>